<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vivo智能手机官方网站-AI非凡摄影X27</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
    <link rel="stylesheet" href="css/nav.css">
    <link rel="stylesheet" href="css/c.css">
</head>
<body>
   <div class="topper clearfix">
        <div class="left fl"> <a href="">品牌</a> <a href="">Funtouch OS</a> <a href="">体验店</a> <a href="">政企服务</a> <a href="">社区</a> </div>
        <div class="right fr"> <a href="" class="car">购物车</a><a href="" class="k">登陆</a> <a href="">注册</a> </div>
    </div>
    <div class="header">
        <nav>
            <div class="container clearfix">
                <div class="logo fl"> <a href="" class="ca">ViVO</a> </div>
                <ul class="li fl clearfix">
                    <li class="a"><a href="" class="ca">iQOO专区</a>
                        <div class="img clearfix">
                            <div class="zz">
                                <div class="cc fl">
                                    <a href=""> <img src="img/one.png" alt="" class="one"> <img src="img/one1.png" alt="" class="two"> <img src="img/one2.png" alt="" class="three"> <img src="img/one3.png" alt="" class="fore"> <img src="img/one5.png" alt="" class="five"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">IQOO</p>
                                        <p class="tet">新款</p>
                                    </a>
                                </div>
                            </div>
                            <div class="oo fl">
                                <div class="box">
                                    <div class="xian"></div>
                                    <div class="heng"></div>
                                </div>
                                <p class="a">全部IQOO机型</p>
                            </div>
                        </div>
                    </li>
                    <li class="b"><a href="" class="ca">NEX系列</a>
                        <div class="img">
                            <div class="zz">
                                <div class="aa fl">
                                    <a href=""> <img src="img/a1.png" alt="" class="one"> <img src="img/a2.png" alt="" class="two"> <img src="img/a3.png" alt="" class="three"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">NEX&NEX屏幕指纹版</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="dd fl">
                                    <a href=""> <img src="img/a4.png" alt="" class="one"> <img src="img/a5.png" alt="" class="two"> <img src="img/a7.png" alt="" class="three"> <img src="img/a8.png" alt="" class="fore"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">NEX旗舰版</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="aa fl">
                                    <a href=""> <img src="img/a9.png" alt="" class="one"> <img src="img/a10.png" alt="" class="two"> <img src="img/a11.png" alt="" class="three"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">NEX双屏款</p>
                                        <p class="tet">新款</p>
                                    </a>
                                </div>
                            </div>
                            <div class="oo fl">
                                <div class="box">
                                    <div class="xian"></div>
                                    <div class="heng"></div>
                                </div>
                                <p class="a">全部NEX机型</p>
                            </div>
                        </div>
                    </li>
                    <li class="c"> <a href="" class="ca">X系列</a>
                        <div class="img">
                            <div class="zz">
                                <div class="aa fl">
                                    <a href=""> <img src="img/a12.png" alt="" class="one"> <img src="img/a13.png" alt="" class="two"> <img src="img/a14.png" alt="" class="three"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">X27</p>
                                        <p class="tet">新款</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="aa fl">
                                    <a href=""> <img src="img/a15.png" alt="" class="one"> <img src="img/a16.png" alt="" class="two"> <img src="img/a17.png" alt="" class="three"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">X27pro</p>
                                        <p class="tet">新款</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="dd fl">
                                    <a href=""> <img src="img/a12.png" alt="" class="one"> <img src="img/a13.png" alt="" class="two"> <img src="img/a18.png" alt="" class="three"> <img src="img/a19.png" alt="" class="fore"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">X27 8GB+128GB 版</p>
                                        <p class="tet">新款</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="dd fl">
                                    <a href=""> <img src="img/a20.png" alt="" class="one"> <img src="img/a21.png" alt="" class="two"> <img src="img/a22.png" alt="" class="three"> <img src="img/a23.png" alt="" class="fore"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">X23幻彩版</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="cc fl">
                                    <a href=""> <img src="img/a24.png" alt="" class="one"> <img src="img/a25.png" alt="" class="two"> <img src="img/a26.png" alt="" class="three"> <img src="img/a27.png" alt="" class="fore"> <img src="img/a28.png" alt="" class="five"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">X23</p>
                                    </a>
                                </div>
                            </div>
                            <div class="oo fl">
                                <div class="box">
                                    <div class="xian"></div>
                                    <div class="heng"></div>
                                </div>
                                <p class="a">全部X机型</p>
                            </div>
                        </div>
                    </li>
                    <li class="d"> <a href="" class="ca">S系列</a>
                        <div class="img clearfix">
                            <div class="zz">
                                <div class="aa fl">
                                    <a href=""> <img src="img/b1.png" alt="" class="one"> <img src="img/b2.png" alt="" class="two"> <img src="img/b3.png" alt="" class="three"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">S1</p>
                                        <p class="tet">新款</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="aa fl">
                                    <a href=""> <img src="img/b4.png" alt="" class="one"> <img src="img/b5.png" alt="" class="two"> <img src="img/b6.png" alt="" class="three"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">S1Pro</p>
                                        <p class="tet">新款</p>
                                    </a>
                                </div>
                            </div>
                            <div class="oo fl">
                                <div class="box">
                                    <div class="xian"></div>
                                    <div class="heng"></div>
                                </div>
                                <p class="a">全部S机型</p>
                            </div>
                        </div>
                    </li>
                    <li class="e"> <a href="" class="ca">Z系列</a>
                        <div class="img clearfix">
                            <div class="zz">
                                <div class="dd fl">
                                    <a href=""> <img src="img/b7.png" alt="" class="one"> <img src="img/b8.png" alt="" class="two"> <img src="img/b9.png" alt="" class="three"> <img src="img/b10.png" alt="" class="fore"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">Z5x</p>
                                        <p class="tet">新款</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="dd fl">
                                    <a href=""> <img src="img/b11.png" alt="" class="one"> <img src="img/b12.png" alt="" class="two"> <img src="img/b13.png" alt="" class="three"> <img src="img/b14.png" alt="" class="fore"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">Z3x</p>
                                        <p class="tet">新款</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="cc fl">
                                    <a href=""> <img src="img/b15.png" alt="" class="one"> <img src="img/b16.png" alt="" class="two"> <img src="img/b17.png" alt="" class="three"> <img src="img/b18.png" alt="" class="fore"> <img src="img/b19.png" alt="" class="five"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">Z3</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="cc fl">
                                    <a href=""> <img src="img/b20.png" alt="" class="one"> <img src="img/b21.png" alt="" class="two"> <img src="img/b22.png" alt="" class="three"> <img src="img/b23.png" alt="" class="fore"> <img src="img/b24.png" alt="" class="five"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">Z3i标准版</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="dd fl">
                                    <a href=""> <img src="img/b25.png" alt="" class="one"> <img src="img/b26.png" alt="" class="two"> <img src="img/b27.png" alt="" class="three"> <img src="img/b28.png" alt="" class="fore"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">Z1青春版</p>
                                    </a>
                                </div>
                            </div>
                            <div class="oo fl">
                                <div class="box">
                                    <div class="xian"></div>
                                    <div class="heng"></div>
                                </div>
                                <p class="a">全部Z机型</p>
                            </div>
                        </div>
                    </li>
                    <li class="f"> <a href="" class="ca">Y系列</a>
                        <div class="img clearfix">
                            <div class="zz">
                                <div class="dd fl">
                                    <a href=""> <img src="img/c1.png" alt="" class="one"> <img src="img/c2.png" alt="" class="two"> <img src="img/c3.png" alt="" class="three"> <img src="img/c4.png" alt="" class="fore"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">Y3</p>
                                        <p class="tet">新款</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="aa fl">
                                    <a href=""> <img src="img/c5.png" alt="" class="one"> <img src="img/c6.png" alt="" class="two"> <img src="img/c7.png" alt="" class="three"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">Y91</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="cc fl">
                                    <a href=""> <img src="img/c8.png" alt="" class="one"> <img src="img/c9.png" alt="" class="two"> <img src="img/c10.png" alt="" class="three"> <img src="img/c11.png" alt="" class="fore"> <img src="img/c12.png" alt="" class="five"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">Y93s</p>
                                    </a>
                                </div>
                            </div>
                            <div class="zz">
                                <div class="dd fl">
                                    <a href=""> <img src="img/c13.png" alt="" class="one"> <img src="img/c14.png" alt="" class="two"> <img src="img/c15.png" alt="" class="three"> <img src="img/c16.png" alt="" class="fore"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">Y85</p>
                                    </a>
                                </div>
                            </div>
                            <div class="oo fl">
                                <div class="box">
                                    <div class="xian"></div>
                                    <div class="heng"></div>
                                </div>
                                <p class="a">全部Y机型</p>
                            </div>
                        </div>
                    </li>
                    <li class="g"> <a href="" class="ca">U系列</a>
                        <div class="img clearfix">
                            <div class="zz">
                                <div class="dd fl">
                                    <a href=""> <img src="img/d1.png" alt="" class="one"> <img src="img/d2.png" alt="" class="two"> <img src="img/d3.png" alt="" class="three"> <img src="img/d4.png" alt="" class="fore"> </a>
                                </div>
                                <div class="text">
                                    <a href="">
                                        <p class="xinghao">U1</p>
                                        <p class="tet">新款</p>
                                    </a>
                                </div>
                            </div>
                            <div class="oo fl">
                                <div class="box">
                                    <div class="xian"></div>
                                    <div class="heng"></div>
                                </div>
                                <p class="a">全部U机型</p>
                            </div>
                        </div>
                    </li>
                    <div class="hidden"></div>
                </ul>
                <ul class="sh fl clearfix">
                    <li><a href="">商城</a></li>
                    <li><a href="">服务</a></li>
                    <li class="hh fr"><a href=""><i class="fa fa-search"></i></a></li>
                </ul>
            </div>
        </nav> 
    </div>
    <script src="js/c.js"></script>
</body>
</html>